<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 引入font awesome -->
		<link rel="stylesheet" href="./css/all.css"/>
		<!-- 引入iconfont -->
		<link rel="stylesheet" href="./iconfont/iconfont.css"/>
	</head>
	<body>
		<p>今天天气真好，hello</p>
		<!-- 图标字体 -->
		<!-- font awesome -->
		<i class="fas fa-bell" style="font-size: 40px; color: red;"></i>
		<!-- iconfont -->
		<i class="iconfont icon-all" style="font-size: 40px;"></i>
		<p id="test">你好</p>
		<div class="box1">JavaScript       是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。</div>
</html>
<style type="text/css">
	p{
		/* 字体相关样式 */
		/* 字体颜色 */
		color: #FF0000;
		/* 字体大小 em当前元素的一个font-size rem更元素的font-size */
		font-size: 20px;
		/* 字体族，用逗号隔开 ，详见https://www.runoob.com/cssref/pr-font-font-family.html*/
		font-family:fantasy;
		/* 字重 */
		font-weight: bold;
		/* 字体风格 */
		font-style: italic;
		/* 文本修饰 none什么都没有 underline下划线 line-through删除线 overline上划线 */
		text-decoration: underline black;
	}
	i .iconfont{
		font-size: 40px;
	}
	/* font可以设置字体所有相关属性 */
	/* font: 字体大小/行高 字体族  */
	#test{
		font: bold italic 50px/200px 'cursive',Times;
	}
	.box1{
		width: 200px;
		/* 设置网页如何处理空白 normal正常 nowrap不换行 pre保留空白*/
		white-space:nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>
